﻿@charset "utf-8";

/*reset*/

body{line-height:20px;font-family:'microsoft yahei','SimSun',sans-serif;}

body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0;font-weight:normal;cursor:default;}

input,textarea{outline:none;}

ul{padding-left:0;list-style-type:none;}

ol,ul,li { list-style-type:none;}

* { margin:0px; padding:0px;}

a{text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:none;}

img{border:none;vertical-align:top;}

.imgvm img { vertical-align:middle; padding-right:8px;padding-bottom:5px;}

.imgfix img {display:block;}

.normal { font-weight:normal; }

/*优化用字体*/

h1{ font-size:14px; }

h2{ font-size:12px; }

h3{ font-size:12px; }

/*字体*/

.yahei { font-family: 微软雅黑; }

.songti { font-family: 宋体; }

/* 其它需要用到的字体大小 */

.font10 { font-size: 10px; }

.font11 { font-size: 11px; }

.font12 { font-size: 12px; }

.font13 { font-size: 13px; }

.font14 { font-size: 14px; }

.font15 { font-size: 15px; }

.font16 { font-size: 16px; }

.font18 { font-size: 18px; }

/* 整个网站需要的字体样式*/

.strong { font-weight: bold; }

.underline { text-decoration: underline; }

/* 图片边框 */

.imgp4 img { padding: 4px; border: 1px solid #aaa; }

/* 1px细线 */

.div1px { border: #CCCCCC solid 1px; }

/* 带着图片的li */

.imgli1 li { list-style-image: url(../BG.jpg); }

/*默认的文字链接样式和背景*/

body { color: #666666; background:#fff;font-size:12px;}

a:link { color: #666666; text-decoration: none; }

a:visited { color: #666666; text-decoration: none; }

a:hover { color: #193983; text-decoration: none; }

a:active { color: #666666; text-decoration: none; }

/*其他文字链接样式*/



.c183883 a:link { color : #183883; }

.c183883 a:visited { color : #183883; }

.c183883 a:hover { color : #193983; }

.c183883 a:active { color : #183883; }

.c183883 { color: #183883; }



.cff8400 a:link { color : #ff8400; }

.cff8400 a:visited { color : #ff8400; }

.cff8400 a:hover { color : #193983; }

.cff8400 a:active { color : #ff8400; }

.cff8400 { color: #ff8400; }



.c333333 a:link { color : #333333; }

.c333333 a:visited { color : #333333; }

.c333333 a:hover { color : #193983; }

.c333333 a:active { color : #333333; }

.c333333 { color: #333333; }



.cffffff a:link { color : #ffffff; }

.cffffff a:visited { color : #ffffff; }

.cffffff a:hover { color : #193983; }

.cffffff a:active { color : #ffffff; }

.cffffff { color: #ffffff; }

/* w系列控制宽度 */

.wauto { width: auto }

.w25 { width: 25%; }

.w33 { width: 33.3%; }

.w50 { width: 50%; }

.w100 { width: 100%; }

.w40px { width: 40px; }

.w100px { width: 100px; }

.w120px { width: 120px; }

.w150px { width: 145px; }

.w165px { width: 165px; }

.w180px { width: 175px; }

.w177px { width: 177px; }

.w200px { width: 200px; }

.w260px { width: 260px; }

.w290px { width: 290px; }

.w300px { width: 300px; }

.w310px { width: 310px; }

.w350px { width: 350px; }

.w400px { width: 400px; }

.w740px { width: 740px; }

.w940px { width: 940px; }

.w980px { width: 980px; }

.w1000px { width: 1000px; }

/* h系列控制高度 */

.h100 { height: 100%; }

.hauto { height: auto; }

.h20px { height: 20px; }

.h24px { height: 24px; }

.h30px { height: 30px; }

.h33px { height: 33px; }

.h36px { height: 36px; }

.h40px { height: 40px; }

.h47px { height: 47px; }

.h49px { height: 49px; }

.h50px { height: 50px; }

.h100px { height: 100px; }

.h110px { height: 110px; }

.h150px { height: 150px; }

.h200px { height: 200px; }

.h280px { height: 280px; }

.h394px { height: 394px; }

.h348px { height: 369px; border-bottom: 1px #b5b5b5 solid;}

.lineheight100 { line-height: 100%; }

.lineheight120 { line-height: 120%; }

.lineheight150 { line-height: 150%; }

.lineheight180 { line-height: 180%; }

.lineheight200 { line-height: 200%; }

.lineheight250 { line-height: 250%; }

.lineheight15px { line-height: 15px; }

.lineheight19px { line-height: 19px; }

.lineheight20px { line-height: 20px; }

.lineheight24px { line-height: 24px; }

.lineheight30px { line-height: 30px; }

.lineheight32px { line-height: 32px; }

.lineheight40px { line-height: 40px; }

/* --bg系列控制背景图片，自行添加，前面的px控制左右相对位置，后面的控制上下相对位置-- */

.banner1 { background: url(../images/banner2.jpg) no-repeat center top }

.banner2 { background: url(../images/banner1.jpg) no-repeat center top }

.banner3 { background: url(../images/banner3.jpg) no-repeat center top }

.banner4 { background: url(../images/banner4.jpg) no-repeat center top }

.banner5 { background: url(../images/banner5.jpg) no-repeat center top }

.banner6 { background: url(../images/banner6.jpg) no-repeat center top }

.ybg1 { background: #FF8400; }

.ybg2 { background: url(../images/indexbanner1.jpg) no-repeat center top }

.ybg3 { background: url(../images/mianbg.png) repeat-x; }

.ybg4 { background: #929292; }

.ybg5 { background: #FF8400; }

.ybg6 { background: url(../images/ybg20.jpg) no-repeat right top }

.ybg7 { background: url(../images/ybg7.png) no-repeat top}

.ybg8 { background: url(../images/ybg11.png) repeat-x; }

.ybg9 { background: url(../images/ybg23.png) no-repeat bottom}

.ybg10 { background: url(../images/ybg15.png) repeat-y; }

.ybg11 { background: url(../images/ybg21.png) repeat-x; }

/* p系列控制padding */

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p15 { padding: 15px; }

.p20 { padding: 20px; }

.p25 { padding: 25px; }

.p30 { padding: 30px; }

.pt4 { padding-top: 4px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl140 { padding-left: 140px; }

/* m系列控制padding */

.m5 { margin: 5px!important; }

.m10 { margin: 10px!important; }

.m15 { margin: 15px!important; }

.m20 { margin: 20px!important; }

.m25 { margin: 25px!important; }

.m30 { margin: 30px!important; }

.mt5 { margin-top: 5px!important; }

.mt10 { margin-top: 10px!important; }

.mt15 { margin-top: 15px!important; }

.mt20 { margin-top: 20px!important; }

.mt25 { margin-top: 25px!important; }

.mt30 { margin-top: 30px!important; }

.mr5 { margin-right: 5px!important; }

.mr10 { margin-right: 10px!important; }

.mr15 { margin-right: 15px!important; }

.mr20 { margin-right: 20px!important; }

.mr25 { margin-right: 25px!important; }

.mr30 { margin-right: 30px!important; }

.mb5 { margin-bottom: 5px!important; }

.mb10 { margin-bottom: 10px!important; }

.mb15 { margin-bottom: 15px!important; }

.mb20 { margin-bottom: 20px!important; }

.mb25 { margin-bottom: 25px!important; }

.mb30 { margin-bottom: 30px!important; }

.ml5 { margin-left: 5px!important; }

.ml10 { margin-left: 10px!important; }

.ml15 { margin-left: 15px!important; }

.ml20 { margin-left: 20px!important; }

.ml25 { margin-left: 25px!important; }

.ml30 { margin-left: 30px!important; }

/* 其他常用元素 */

/*文本对齐样式*/

.center { margin: 0px auto; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

/*左右漂浮样式*/

.l { float: left; margin-top:12px}

.r { float: right; }

/*css清除浮动*/

.c { clear: both }

.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }

/*clearfix:after*/

.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

.clearfix { display: inline-table; display: block; }

*html .clearfix { height: 1%; }

*+html .clearfix { height: 1%; }

.imgfix img { display: block; }

/* 1px细线 */

.div1 { border: #CCCCCC 1px solid; }

.b1sc { border: 1px solid #CCCCCC; }

.bt1sc { border-top: 1px solid #CCCCCC; }

.br1sc { border-right: 1px solid #CCCCCC; }

.bb1sc { border-bottom: 1px solid #CCCCCC; }

.bl1sc { border-left: 1px solid #CCCCCC; }

.btb1 {border-top: 1px solid #DC6D00;border-bottom: 1px solid #DC6D00;}

/*添加鼠标悬浮显示手的形状*/

.hand { cursor: pointer; }

/*单行截字*/

.textbreak { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*隐藏元素*/

.hide { display: none; }

/*解决IE6双边距加倍错误*/

.inline { _display: inline; }

/* 页面其他用到效果

-------------------------------------------------------------- */



.leftbtn li a{ padding:0 0 0 30px; width:147px; height:27px; background:url(../images/lbg.png) no-repeat; color:#666; display:block; line-height:27px;font-weight:bold;}

.leftbtn li a:hover{background:url(../images/lbghover.png) no-repeat;color:#fff ;}

.leftbtn .thisnav a,.leftbtn .thisnav a:hover{ background:url(../images/lbghover.png) no-repeat ;color:#fff;}

.leftbtn li li a{font-weight:normal;}

.leftbtn .thisnav ul a { background:url(../images/lbg1.png) no-repeat; font-weight:normal;color:#666;}

.leftbtn .thisnav li li a { background:url(../images/lbg.png) no-repeat;color:#666; font-weight:normal;}



.level1{ display:none ; font-weight:bold;}

.thisnav .level1{ display:block;}

.thisnav .level1 li a:hover,.thisnav .level1 .ccc a{color:#F30;background:url(../images/lbg1.png) no-repeat;}

.leftbtn .thisnav .level1 .level2  a{background:url(../images/lbg1.png) no-repeat; color:#999; }

.level2{ display:none;}



.level2on{ display:block}

.thisnav .level1 li a{ padding-left:40px;}



.leftbtn li li a{ background:none;}



/*nav*/

#main_nav {z-index:999; width:940px; height:37px; margin:0; clear:both;}/*导航外框 div*/

ul.na01 { width:100%; height:33px; float:left;}/*导航外框 ul*/

li.na02 { position:relative; z-index:999; width:134px; height:33px; float:left;background:url(../images/li1.gif) no-repeat right center; margin-left:-1px;}/*一级菜单 li*/

a.na03 { display:block; width:100%; height:33px; line-height:33px; text-align:center; font-size:14px; font-family:微软雅黑;}/*一级菜单 a*/

a.na03:link,a.na03:visited { color:#fff;}

a.na03:hover { color:#183883;}



li.focus a.na03 { background:url(../images/mhover.png) no-repeat; color:#183883;} /*主导航的悬停选中状态*/



ul.nb01 { display:none; position:absolute; z-index:2; left:0px; top:33px; width:134px; padding:0px; background:#FF8400; filter:alpha(opacity=100); opacity:1;}/*二级菜单外框 ul*/

ul.nb01 li { line-height:25px; border-bottom:#ffffff 1px dotted;}/*二级菜单外框 li*/

ul.nb01 li a { display:block; width:134px; height:25px; line-height:25px; padding:0; text-align:center; font-size:12px; font-family:宋体;}/*二级菜单外框 a*/

ul.nb01 li a:link,ul.nb01 li a:visited { color:#ffffff;}

ul.nb01 li a:hover { color:#183883;}

/*nav end*/



.prolist ul li { float:left; padding:10px 0 0 5px; font-weight:bold; width:168px; height:154px;}





/*大框*/

.blk_18 { zoom:1; font-size:12px; width:940px; clear:both; margin:0 auto; position:relative;}

.blk_18 .pcont { width:910px;overflow:hidden; margin-left:20px;}

.blk_18 .LeftBotton, .blk_18 .RightBotton { width:15px; height:66px; position:absolute; top:14px;}

.blk_18 .LeftBotton { background:url(../images/ybg8.png) no-repeat; left:0;}

.blk_18 .RightBotton { background:url(../images/ybg9.png) no-repeat; right:0;}

.blk_18 .LeftBotton:hover { background:url(../images/ybg8.png) no-repeat; }

.blk_18 .RightBotton:hover { background:url(../images/ybg9.png) no-repeat; }



/*滚动的图片*/

.pcont li{ width:164px; float:left; display:inline;}

.pcont li .videopic{ width:164px; height:100px;}

.pcont li .videopic img{ width:154px; height:100px;}

.pcont li .videotxt{ text-align:center; width:164px; height:25px; line-height:25px; }





#banner { position:relative; width:100%; height:394px; overflow:hidden; left:0; }

#banner_list img {border:0px;}

#banner_bg { display:inline; position:absolute; bottom:0px; _bottom:-1px; background:url(../images/flashbg.png) left top repeat; height:20px; z-index:1000; cursor:pointer; width:637px;}

#banner_info{position:absolute; bottom:0px; left:15px;height:20px; line-height:20px; color:#fff;z-index:1001;cursor:pointer; font-size:12px; color:#2c2c2c;}

#banner_text {position:absolute;width:120px; z-index:1002; right:3px; bottom:3px;}

#banner ul {position:absolute;list-style-type:none;z-index:1002; margin:0; padding:0; width:136px; bottom:20px; right:0px;}

#banner ul li { display:block; float:left; display:inline; width:10px; height:10px; line-height:10px; text-align:center; margin-right:15px; background:url(../images/iban_btn_05.png) no-repeat; _background:url(../images/iban_btn_05.gif) no-repeat; color:#ffffff; cursor:pointer; font-family:Arial; font-size:12px;text-indent:-9999px;}

#banner ul li.on { color:#ffffff; font-weight:bold; background:url(../images/iban_btn_03.png) no-repeat; _background:url(../images/iban_btn_03.gif) no-repeat;}

#banner_list a{position:absolute; display:block; width:100%; height:394px;}

.banner_shu{ width:980px; margin:0 auto; position:relative;z-index:1002;}

.banner_shu ul {position:absolute;list-style-type:none; margin:0; padding:0; width:136px; top:373px; left:439px;}

.prde_tabbg{ width:700px; height:25px; margin-top:15px; background:url(../images/prode_tabbg.gif) left top repeat-x;}

/*选项卡处样式*/

.pd_tabs { width:100%; height:25px; margin-bottom:10px;}

.pd_tabs ul { height:25px; width:auto;}

.pd_tabs ul li { float:left; width:92px; height:25px; line-height:25px; margin-right:5px;}

.pd_tabs ul li a { display:block;width:92px; text-align:center; height:25px; color:#000;}

.pd_tabs ul li a.selected { background:url(../images/prode_tabon.gif) no-repeat; color:#005bac; font-weight:bold;}

.pd_content{ line-height:24px; padding-top:15px;}



/*

*9.26

*/

.fix{*zoom:1;*clear:both;}.fix:before,.fix:after{content:"";display:table;clear:both;}

.oh{overflow:hidden;*zoom:1;}

.channel a{ font-size:16px;}

._en{ font-size:12px; color:#ff0000; font-style:italic;}

.box{ height:135px;}

.i_pro_bg{ background:url(../images/bor_bg.png) left bottom no-repeat; margin-top:30px; height:40px; line-height:40px;}

.head{ height:80px;}

.head_top{ height:40px; line-height:40px;}

.head_top li{ float:right; margin-left:14px;} 

.ico_en{ background:url(../images/en.jpg) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}

.ico_cn{ background:url(../images/cn.jpg) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}

/*sunjs20241108*/
.ico_es{ background:url(../images/es.jpg) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}
.ico_fr{ background:url(../images/fr.png) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}
.ico_rk{ background:url(../images/rk.png) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}
.ico_tu{ background:url(../images/tu.png) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}
.ico_pt{ background:url(../images/pt.png) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}
.ico_ge{ background:url(../images/ge.png) no-repeat; width:17px; height:13px; vertical-align:middle; display:inline-block; margin-right:8px;}

.head_bottom{ font-size:13px; color:#666; padding:10px 0; text-align:right;}

.nav_menu{ background:url(../images/li.gif) repeat-x; height:37px; border-top:1px #dc6d00 solid;}

.foot{ background:url(../images/li2.png) repeat-x; height:53px;}

/* .foot_top{ height:33px; line-height:33px;background-color:#afafaf;border-top: 1px #fff solid;} */

.foot_top a{ margin-left:16px;}

/* 20221130 */

.foot_top{ height:33px; line-height:27px;background-color:#afafaf;border-top: 1px #fff solid;}

.foot_top a img{ margin-top:6px;}

/* 20241108 */
.head .logo a{display:block}
.head .logo img{height:57px;}
.head_right{width:calc(100% - 400px)}
.head_top {position:relative;float:right; padding:0 30px; z-index:5}
.head_top ul{display:none; position:absolute; left:50%; transform:translateX(-50%); top:100%; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1)}
.head_top ul li{float:none; margin-left:0; padding:0 10px; text-align:center}
.head_bottom{width:100%;box-sizing:border-box;float:right}
.nav_menu{position:relative; z-index:3}
.head_top:hover ul{display:block}
.head_top .icon{position: relative;top: 6px;margin-right:5px;display: inline-block;height: 22px;width: 22px;background: url(../images/h_lan2.jpg) no-repeat center;}